---
id: input
title: Input
---

import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
import {} from "react-native-elements";
import Usage from "../component_usage/Input.mdx";

## Usage

<Usage />

## Props

:::note
Includes all [React Native TextInput](https://reactnative.dev/docs/textinput#props), [View](https://reactnative.dev/docs/view#props) props.
:::

<div class='table-responsive'>

| Name                      | Type                                                    | Default | Description |
| ------------------------- | ------------------------------------------------------- | ------- | ----------- |
| `InputComponent`          | `ComponentType<{}>` or `ForwardRefExoticComponent<any>` |         |             |
| `containerStyle`          | View Style                                              |         |             |
| `disabled`                | boolean                                                 |         |             |
| `disabledInputStyle`      | Text Style                                              |         |             |
| `errorMessage`            | string                                                  |         |             |
| `errorProps`              | object                                                  |         |             |
| `errorStyle`              | Text Style                                              |         |             |
| `inputContainerStyle`     | View Style                                              |         |             |
| `inputStyle`              | Text Style                                              |         |             |
| `label`                   | ReactNode                                               |         |             |
| `labelProps`              | object                                                  |         |             |
| `labelStyle`              | Text Style                                              |         |             |
| `leftIcon`                | IconNode                                                |         |             |
| `leftIconContainerStyle`  | View Style                                              |         |             |
| `renderErrorMessage`      | boolean                                                 |         |             |
| `rightIcon`               | IconNode                                                |         |             |
| `rightIconContainerStyle` | View Style                                              |         |             |

</div>
